/*  
    *** The color names are listed below for personal understand
    /----- BLUE STYLE -----/
    Light Blue:     #D7DDEA
    Medium Blue     #0000CD
    Standard Blue:  #48649F     Dark Standard Blue:     #000070
    Dark Bule:      #23355B
     
    /----- GRAY STYLE -----/
    Light:          #F0F0F0
    Light Gray:     #E0E0E0
    Gray:           #808080
    Dark Gray:      #404040
    Black:          #000000          
*/
body{
    /** background: url(../../images/cam.png) center center no-repeat; **/
}
label{
    white-space: nowrap;
}
.col-md-3, .col-md-9{
    padding-left: 10px;
    padding-right: 10px;
}
option:disabled{
    background-color: #C1C1C1;
}
.modal-dialog{
    width: 800px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/*  ---------------------------- 
    --- BEGIN popup auth -------
*/
.modal-dialog{
    width: 800px;
}
.modal-header{
    padding: 10px;
}

/*  ---------------------------- 
    --- BEGIN popup auth--------
*/


/*  -------------------------- 
    --- BEGIN myheader -------
*/
div.myheader .navbar{
    border: 0px;
}
div.myheader .navbar-default{
    border-color: transparent;
    background-color: #2980b9;
    border-radius: 0px;
}
div.myheader .navbar-right{
    margin-top: 10px;
}
div.myheader .navbar-header{
    margin-left: 15px;
}

.navbar-default .navbar-nav>li>a{
    color: white;
    font-size: 12px;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #ecf0f1;
}
div.myheader a.btn-default{
background-color: white;
color: #545454;
border-color: transparent;
margin: 0px 0px 0px 10px;
padding: 5px 10px 3px 10px;
font-size: 12px;
}
div.myheader a.btn-default:hover{
    background-color: #e74c3c;
    border-color: transparent;
    color: #fff;
}
.navbar-nav>li>a{
    padding-top: 10px;
}
/*  -------------------------- 
    --- END myheader ---------
*/



/*  -------------------------- 
    --- BEGIN sidebar-nav ----
*/
.sidebar-nav li.sidebar-nav-header{
    padding: 7px 0px 7px 10px;
    color: rgba(125, 96, 106, 1);
    text-decoration: none;
    margin: 0px auto;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #2980b9;
    color: white;
    font-weight: bold;
}
.sidebar-nav li.sidebar-nav-footer{
    height: 10px;
    background-color: #2980b9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 20px;
}
.sidebar-nav li{
    /*border-right: 2px solid #48649f;    
    border-left: 2px solid #48649f;*/
}
.sidebar-nav > li > span > span.text{
    font-weight: bold;
}
.sidebar-nav > li > span > a > span.text{
    font-weight: bold;
}
.sidebar-nav, .sidebar-nav li, .sidebar-nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav ul li a span{
    color: #404040;
    /*color: rgba(125, 96, 106, 0.8)*/
}
.sidebar-nav ul{
    background-color: #fff
}
.sidebar-nav li{
    margin: 0;
    padding: 0;        
}
.sidebar-nav li ul li{    
    border-right: 0px;
    border-left: 0px;
}.sidebar-nav li ul li:last-child{    
    border-bottom: 1px solid #EAEAEA;
}
.sidebar-nav *{
    color: #404040;    
}
.sidebar-nav li a, .sidebar-nav > li > span{
    position: relative;
    display: block;
    height: 30px;
    line-height: 40px;
    cursor: pointer;
    background-color: #f9f9f9;
    padding-bottom: 35px;
}

.sidebar-nav li:hover{
   
}
.sidebar-nav li:hover > a, .sidebar-nav > li:hover > span{
    
}
.sidebar-nav li.active > a, .sidebar-nav > li.active > span{
    background-color: #d7ddea;
}
.sidebar-nav li.active > ul, .sidebar-nav > li.active > span ul{
    background-color: rgba(125, 114, 100, 0.05);
}
.sidebar-nav .glyphicon{
position: absolute;
top: 0;
left: 6px;
z-index: 1;
width: 30px;
height: 30px;
line-height: 39px;
text-align: center;
display: block;
float: left;
color: #DFD8D8;
padding-right: 10px;
font-size: 10px; 
}
.sidebar-nav > li > span .text{
    margin-left: 30px;
    padding-bottom: 2px;
}
.sidebar-nav li ul li .text{
    margin-left: 35px;
    /**  font-weight: bold; **/
}
.sidebar-nav span:hover, .sidebar-nav a:hover, .sidebar-nav a:hover > .text, .sidebar-nav span:hover .text{
    text-decoration: none;
    color: #404040;
}
.sidebar-nav li a .background, .sidebar-nav > li > span .background{
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    height: 40px;
    z-index:0;
}
.sidebar-nav li.active > a > .background, .sidebar-nav li.active > span > .background{
    left: 0!important;
}
.sidebar-nav li.active > a > .glyphicon, .sidebar-nav li.active > span > .glyphicon{
    /*color: #fff!important;*/
}
.sidebar-nav li.active > a > .text{
    text-decoration: none;
    color: rgba(125, 96, 106, 1);
}
/*  -------------------------- 
    ---- END sidebar-nav -----
*/


/*  -------------------------- 
    ---- BEGIN mycontent -------
*/
.mycontent .navi{
    padding: 7px 0px 7px 10px;
    text-decoration: none;
    margin: 0px auto;
    background-color: #2980B9;
    color: white;
    margin-bottom: 10px;
    top: 10px;    
    -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.mycontent .adsearch{
    padding: 10px;    
    text-decoration: none;
    margin: 0px auto;
    background-color: rgba(242, 242, 242, 1);
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top:-10px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.mycontent .mylist{
}
.mycontent .adsearch .btn{
background-color: #2980B9;
color: white;
font-weight: normal;
height: 30px;
margin-top: -9px;
}
.mycontent .adsearch .btn:hover{
    background-color: #e74c3c;
    color:#fff;    
}

        /*  -------------------------------------
            ---- BEGIN mycontent adsearch -------
        */

.mycontent .adsearch .form-inline input[type='text'], .mycontent .adsearch .form-inline select{
    margin-right: 5px; 
    margin-bottom: 7px;       
}
.mycontent .adsearch .form-inline input[type=radio]{
    margin:0px 5px 1px 20px;
}
.mycontent .adsearch .form-inline label{
    margin: 5px 0px 0px 0px;
    font-size: 12px;
    color: #2980B9;
}

        /*  -------------------------------------
            ---- END mycontent adsearch ---------
        */
        
         /*  -------------------------------------
            ---- BEGIN mycontent adnewest -------
        */
.mycontent .adnewest{
    padding: 10px;    
    text-decoration: none;
    margin: 0px auto;
    background-color: rgba(242, 242, 242, 1);    
    font-weight: bold;
    margin-bottom: 5px;
    margin-top:-5px;
-webkit-border-radius: 3px;
-moz-border-radius:	3px;
border-radius: 3px;
}
.adnewest .slider-wrapper{
    width: 100%;
    height: 40px;
    background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.adnewest #slider-control-nav{
    opacity: 0.6;
    display: inline-block;
    float: right;
    margin-top: 0px;
    position: relative;
    width: auto;
    text-align: center;
}
.adnewest p.title{
    margin-bottom: 0px;
    color: #2980b9;    
}
.adnewest p.content{
    font-weight: normal;
    margin-bottom: 0px;
}
.adnewest time{
    font-weight: bold;
    color: #d18400;
}
.adnewest .owner{
    font-weight: bold;
    color: #d18400;
}
.adnewest #slider-control-nav a.active{
    background-position: 100% 0;
}
.adnewest #slider-control-nav a{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../../images/leanslider/bullets_sm.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 2px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.adnewest .lean-slider-slide{
    opacity: 1;
    display: none;
}
.adnewest .lean-slider-slide.current{
    opacity: 1;
    display: block;
}
                     
        /*  -------------------------------------
            ---- END mycontent adnewest -------
        */
        
        
        /*  -------------------------------------
            ---- BEGIN mycontent mylist -------
        */
.mycontent .mylist .nav-tabs{
    border-bottom: 1px solid #2980B9;
}        
.mylist .nav-tabs>li.active>a, .mylist .nav-tabs>li.active>a:hover, .mylist .nav-tabs>li.active>a:focus{
    border: 1px solid #2980B9;
    border-bottom-color: transparent;
}        
.mylist .nav>li>a:hover{
    color: #e74c3c;
    font-weight: bold;
    border-color: transparent;
    border-bottom-color: #48649f;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: #e74c3c;
}
.mylist .nav-tabs>li>a{
    color: #2980B9;;
    font-weight: bold;
}
.mylist .nav-tabs>li>a:hover{
    color:#e74c3c;       
}
.mylist .btn-default{
    border-color: #2980B9;
}        
.list-product{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;    
}
.bs-callout {
    padding: 4px 0px 0px 8px;
    margin: 5px 0px 15px;
    min-height: 90px;

    position: relative;
    border: 1px solid #48649f;
    border-left-width: 3px;
    border-radius: 3px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
                          
}
.vipstyle:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  
}
.vipstyle:after {
  right: -3px;
  height: 1px;
  background-color:#2980B9;
}

.vipstyle h5{
    color:red;
    margin-bottom: 10px;
    font-size: 16px;
}
.vipstyle .price{
    color:#000070;
    margin-bottom: 10px;
}
.vipstyle img{
    width: 85px;
    height: 80px;
}

.nostyle{
    min-height: 68px;
    border: 1px solid #4864A0;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.nostyle h5{
    color:#000070;
    margin-bottom: 6px;
    font-size: 12px;
}
.nostyle .price{
    color:#404040;
    margin-bottom: 6px;
    font-size: 12px;
}
.nostyle img{
    width: 85px;
    height: 55px;
}
.nostyle .catalog{
    font-size: 12px;
}
.nostyle time{
    font-size: 12px;
}
.nostyle .view{
    font-size: 12px;
}

.bs-callout p:last-child {
    margin-bottom: 5px;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-product {
    /**  border-left-color: #48649f;  **/    
}
.bs-callout-product h4 {
    color: #000070;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 110px;
}
.bs-callout-product h5 {
    /** color: #000070; **/
    font-weight: bold;
    margin-top: 0;    
    margin-left: 100px;    
}
.bs-callout-product a{
    text-decoration: none;
    cursor:pointer;
}
.bs-callout-product .price{
    margin-left: 100px;
    /** color: #000070; **/    
}
.bs-callout-product time{
    float: right;
    color: #404040;
}
.bs-callout-product .catalog{   
    color: #404040;
    margin-bottom: 5px;
}
.bs-callout-product .area{    
    font-weight: bold;
    color: #404040;
    font-size: 11px;
    white-space: nowrap;
}
.bs-callout-product .vip_product img{
    height: 15px;
    width: 60px;
    margin-left: 5px;
    
}
.bs-callout-product  .new_product img{
    width: 40px;
    height: auto;    
}
.bs-callout-product .img-polaroid {
  float: left;  
  border-radius: 3px;
}
.form-control{
    border: 1px solid #eee;
}
nav{
    text-align: center;
}
        /*  -------------------------------------
            ---- END mycontent mylist -----------
        */
        /*  -------------------------------------
            ---- BEGIN maket-post ---------------
        */        
.maket-post h2{
    color: #48649f;
    border-bottom: 1px solid #48649f;
    padding: 10px;
}   
.maket-post h3{
    color:#000070;
    font-weight: bold;
    margin: 10px 0px;
}
.maket-post .shape{
    font-weight: bold;
    font-size: 25px;
}    
.maket-post label{
    font-size: 14px;
}    
.maket-post .block{
    width: 100%;
    height: 100%;
    border: 1px solid #D7DDEA;
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    margin: 20px 0px;
}

.maket-post .block-button{
    margin: 20px 10px;
}
.maket-post .legend{
    padding: 0 5px;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: -30px;
    background: #fff;
}
.maket-post .legend label{
    color:#48649f;
}
.maket-post dt{
    margin: 5px 0px 0px 0px;
}
.maket-post .fieldset-content{
    clear: both;
}
.maket-post .fieldset-content ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.maket-post .fieldset-content ul li{
    width: 50%;
    float: left;
}
.maket-post .block img{
    width: 98px;
    height: 98px;  
    border-radius: 3px; 
    cursor: pointer;
    position: absolute;
    /*margin-left: 25px;
    margin-right: 20px;
    margin-bottom: 10px;*/
}
.maket-post p{
    font-weight: bold;
}
.maket-post .block input[type=file]{
    height: 98px;
    width: 98px;
    margin-bottom: 10px;
    /*background: url(../../images/cam.png) center center no-repeat;
    background-size: 100px 100px;
    margin: 0px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;*/
    display: inline-block;    
    opacity: 0;
    cursor: pointer;
    background-color: #ccc;
}
.maket-post .wrap-photo{
    height: 100px;
    width: 100px;    
    border: 1px solid #ccc;
    border-radius: 4px;          
    display: inline-block;    
    z-index: -1; 
    margin-bottom: 10px;   
    cursor: pointer;
    margin-right: 0px;    
}
.block-review label{
    color: #000070;
}
.block-review .block img{
    width: 100px;
    height: 100px;      
    margin-left: 25px;
    margin-right: 20px;
    margin-bottom: 10px;
    position: relative;
}
.maket-post button{
    font-weight: bold;
    color: white;
}

        /*  -------------------------------------
            ---- END makrt-post -----------------
        */
        
        
        
                
        /*  -------------------------------------
            ---- BEGIN paginator ----------------
        */
        
nav.maket .pagination>li>a{
    border:1px solid #48649f;    
    color: #48649f;
    font-weight: bold;
    background-color: #FFF;
}
nav.maket .pagination>li>a:hover{
    background-color:#D7DDEA;
}
nav.maket .pagination>.active>a{
    background-color: #48649f;
    border: 1px solid #48649f;
    color:#FFF;
}
nav.maket .pagination>.active>a:hover{
    background-color: #48649f;
    border: 1px solid #48649f;
}
nav.maket .pagination>.disabled>a{
    border:1px solid #48649f;
    color:#48649f;
}
nav.maket .pagination>.disabled>a:hover{
    
}                
        /*  -------------------------------------
            ---- END paginator ------------------
        */



/*  -------------------------- 
    ---- END mycontent -------
*/



/*  -------------------------- 
    ---- BEGIN footer --------
*/
footer.footer{
border-top: 2px solid #2980B9;
background-color: #ECECEC;
}

footer.footer .container{
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 0px;
}
footer.footer h4{
    color: #404040;
}
footer.footer .container p{
    margin-bottom: 2px;
    font-size: 12px;
    color: #404040;    
}
footer.footer img{
    width:25px;
    height: 25px;
    margin-right: 2px;
}
footer.footer a.text{
    text-decoration: none;
    cursor: pointer;
    color: #404040;
    margin-bottom: 5px;
    display: block;        
}
footer.footer a.text:hover{
    font-weight: bold;
        
}
/*  -------------------------- 
    ---- END footer ----------
*/

/*  -------------------------------------------- 
    ---- BEGIN Product Detail Session ----------
*/

.product-detail hr{
    margin: 10px 0px 5px 0px;
}
.product-detail .title h3{
    color: #000070;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 10px;
}
.product-detail .navi{    
    padding: 7px 0px 7px 10px;
    color: rgba(125, 96, 106, 1);
    text-decoration: none;
    margin: 0px auto;
    background-color: #287FB8;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid #48649f;
    margin-bottom: 10px;
    top: 10px;
}
.product-detail .slider{
    
}
.product-detail .content{
    padding: 10px;
}
.product-detail .contact h4{
    border-top:1px solid #CCC;
    padding: 10px;
    margin: 0px;
    font-weight: bold;
    color: #FFA500;
}
.product-detail .contact label{
    font-weight: bold;
    color:#000070;
    margin-bottom: 0px;
}
.product-detail .contact p{
    font-weight: bold;
    margin-bottom: 0px;
}
.product-detail .reminder p{
    margin-bottom: 5px;
    font-size: 13px;
    text-indent: 30px;
}

/*  -------------------------------------------- 
    ---- END Product Detail Session ------------
*/

/*  -------------------------------------------- 
    ---- BEGIN User Recharge -------------------
*/
.recharge .telecom{
    width: 130px;
    height: 40px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
}
.recharge .btn-default{
    margin-top: 10px;
    font-weight: bold;
    border: 1px solid #48649F;
}
.recharge .btn-default:hover{
    background-color: #D7DDEA;
}
.recharge .row{
    margin-left: 0px;
    margin-right: 0px;
}
/*  -------------------------------------------- 
    ---- END User Recharge ---------------------
*/
.accinfo .title h4{
    color:green;
    font-weight: bold;
    margin: 15px 0px;
    padding-left: 15px;
}
.accinfo .box{
    margin-bottom: 20px;
    border: 1px solid #dfdfdf !important;
    background: #fff;
    padding: 12px 15px !important;    
}
.accinfo .box .inner-box{
    margin-bottom: 20px;
    border: 1px solid #dfdfdf !important;
    background: #fff;
    padding: 12px 15px !important;
}
.accinfo .box .head{    
    border-bottom: 1px solid #d9dde3;
    padding-bottom: 25px;
    margin-bottom: 10px;   
}
.accinfo .box .inner-head .close{    
    margin-top: -25px;
    margin-right: -10px;
}
.accinfo .box .inner-head h4{
    display: inline;
    text-align: center;
}
.accinfo .box .head a{    
    float: right;
    cursor: pointer;   
}
.accinfo .box .head .glyphicon{    
    color: #000070;  
}
.accinfo .box .head h4{
    color: #000070;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-left: 10px;    
}
.accinfo .box label{
    margin-bottom: 0px;
}
.accinfo .box p{
    margin-bottom: 0px;
    font-weight: bold;
}
.accinfo .info-group label{
    display: inline-block;
}
.accinfo .info-group p{
    display: inline-block;
    float: right;
}
.accinfo .box button{
    color: white;
    font-weight: bold;
}


